<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formularioCotizacion">
                    <p:panel header="Registrar Cotización" style="width:100%">

                        <p:panelGrid style="width:800px;margin: 0 auto" id="verCotizacion"> 
                            <p:row>
                                <p:column colspan="3" >
                                    <cote:componenteCabecera documento="COTIZACIÓN Nº" 
                                                             codigo="#{BKCotizacion.cotizacionFormulario.codigo}"
                                                             esVersion="true"
                                                             version="#{BKCotizacion.cotizacionFormulario.version}"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column style="width: 100px">
                                    <h:outputLabel id="lblFechaCreacion" value="FECHA DE CREACIÓN: " class="negrita print" />
                                </p:column>
                                <p:column >
                                    <h:outputText id="txtFechaCreacion" value="#{BKCotizacion.cotizacionFormulario.fecCreacion}" class="print">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column rowspan="7" >
                                    <h:graphicImage id="imgProd" style="height: 150px;width: auto" value="/cotizacion/#{BKCotizacion.cotizacionFormulario.imagen}"
                                                    rendered="#{BKCotizacion.cotizacionFormulario.imagen ne null}"/>
                                </p:column >
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblProducto" value="PRODUCTO: " class="negrita print" />
                                </p:column>
                                <p:column >
                                    <h:outputText  id="txtArticulo" value="#{BKCotizacion.cotizacionFormulario.nombreProducto}" class="print" />
                                </p:column >

                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblDetalle" value="DETALLE: " class="negrita print" />
                                </p:column>
                                <p:column >
                                    <h:outputText  id="txtDetalle" value="#{BKCotizacion.cotizacionFormulario.detalle}" class="print" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText value="DETALLE DE TELA: " class="negrita print"/>
                                </p:column>
                                <p:column >
                                    <h:outputText id="txtDatosTela" value="#{BKCotizacion.cotizacionFormulario.datosTela}" class="print"/>
                                </p:column>
                            </p:row>



                            <p:row rendered="false">
                                <p:column>
                                    <h:outputLabel id="lblUnidadM" value="UNIDAD MEDIDA" class="negrita print" />
                                </p:column>
                                <p:column >
                                    <h:outputLabel id="txtUnidadMedida" value="#{BKCotizacion.cotizacionFormulario.unidadMedida}" class="print"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCliente" value="CLIENTE: " class="negrita print" />
                                </p:column>
                                <p:column >
                                    <h:outputLabel id="txtCliente" value="#{BKCotizacion.cotizacionFormulario.cliente}" class="print" />

                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCantidadProd" value="CANTIDAD PRODUCCIÓN: " class="negrita print" />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputLabel id="txtCantidadProd" value="#{BKCotizacion.cotizacionFormulario.cantidadProduccion}" class="print"  />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblTipoCambio" value="TIPO DE CAMBIO: " class="negrita print" />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputLabel id="lblCompraTipoCambio" value="COMPRA: " class="negrita print" />
                                    <h:outputLabel id="txtCompraTipoCambio" value="#{BKCotizacion.cotizacionFormulario.cambioCompra}" class="print" />
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <h:outputLabel id="lblVentaTipoCambio" value="VENTA: " class="negrita print" />
                                    <h:outputLabel id="txtVentaTipoCambio" value="#{BKCotizacion.cotizacionFormulario.cambioVenta}" class="print" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="3">
                                    <p:fieldset id="fstComposicionMaterial" legend="Materiales" style="border: 1px solid rgb(0,0,0) !important;">
                                        <p:dataTable id="dataTablaMaterial" var="articulo" value="#{BKDetalleCotizacion.listaDetalleCotizacionArticulo}" widgetVar="tablaArt"
                                                     rowIndexVar="rowIndex"  style="font-size: 9px !important">

                                            <p:column id="idColumnaNumArt" styleClass="print" headerText="Num." style="width: 15px">
                                                <h:outputText value="#{rowIndex+1}" class="print"/>
                                            </p:column>

                                            <p:column id="idColumnaNombreArt" headerText="INSUMO" styleClass="print" >
                                                <h:outputText value="#{articulo.nombreDetalle}" class="print"/>  
                                            </p:column>

                                            <p:column id="idColumnaConsumo" headerText="CONSUMO" styleClass="print" style="width: 70px">
                                                <h:outputText value="#{articulo.composicion} " class="print"/>  
                                                <h:outputText value="#{articulo.unidadMedida}" class="print"/>
                                            </p:column>

                                            <p:column id="idColumnaUnidadCompra" headerText="UC" styleClass="print" style="width: 70px">

                                                <h:outputText value="#{articulo.unidadMedidaCompra}" class="print" style="float: right"/>   
                                            </p:column>


                                            <p:column id="idColumnaCosto" headerText="COSTO" styleClass="print" style="width: 70px;">

                                                <h:outputText value="#{articulo.costo}" class="print" style="float: right">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>    
                                            </p:column>

                                            <p:column id="idColumnaPrecio" headerText="PRECIO #{BKCotizacion.cotizacionFormulario.tipoCot eq 84?'$/KG':' '}" styleClass="print" 
                                                      style="width: 70px">
                                                <h:outputText value="#{articulo.precio}" class="print" style="float: right">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>      

                                            </p:column> 
                                        </p:dataTable>

                                        <h:outputText id="sumaDetalleArticulo" value="TOTAL: #{BKDetalleCotizacion.sumaDetalleArticulo}" 
                                                      style="float: right;margin: 5px 10px;" class="print" >
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                        </h:outputText>    

                                    </p:fieldset>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="3">
                                    <p:fieldset id="fstComposicionServicio" legend="Servicios" style="border: 1px solid rgb(0,0,0) !important;">

                                        <p:dataTable id="dataTablaServicio" var="servicio" value="#{BKDetalleCotizacion.listaDetalleCotizacionServicio}" widgetVar="tablaServ"
                                                     rowIndexVar="rowIndex">


                                            <p:column id="idColumnaNumSer" styleClass="print" headerText="Num." style="width: 15px">
                                                <h:outputText value="#{rowIndex+1}" class="print"/>
                                            </p:column>

                                            <p:column id="idColumnaNombreSer" headerText="SERVICIO" styleClass="print" >
                                                <h:outputText value="#{servicio.nombreDetalle}" class="print"/>  
                                            </p:column>


                                            <p:column id="idColumnaObservacion" headerText="OBS." styleClass="print" style="width: 210px">

                                                <h:outputText value="#{servicio.observacion}" class="print"/>  

                                            </p:column>

                                            <p:column id="idColumnaDescripcionSer" headerText="PRECIO #{BKCotizacion.cotizacionFormulario.tipoCot eq 84?'$/KG':' '}" styleClass="print"
                                                      style="width: 70px">

                                                <h:outputText value="#{servicio.precio}" class="print" style="float: right">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>       
                                            </p:column>

                                        </p:dataTable> 
                                        <h:outputText id="sumaDetalleServicio" value="TOTAL: #{BKDetalleCotizacion.sumaDetalleServicio}" 
                                                      style="float: right;margin: 5px 10px;" class="print" >
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                        </h:outputText>    
                                    </p:fieldset>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="3">
                                    <p:panelGrid style="float: right;margin-right: 10px;width: 260px" > 
                                        <p:row>
                                            <p:column style="width:200px;border-top: 1px solid #000000">
                                                <h:outputLabel id="lblTotalBruto" value="TOTAL NETO: " class="negrita print" />
                                            </p:column>
                                            <p:column style="width:60px;border-top: 1px solid #000000">
                                                <h:outputText  id="txtTotalBruto" value="#{BKCotizacion.totalArticuloYServicio}" class="print" style="float: right" >
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  />
                                                </h:outputText>         
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblMerma" value="MERMA (#{BKCotizacion.cotizacionFormulario.porcentajeMerma}%): " class="negrita print" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText  id="txtMerma" value="#{BKCotizacion.cotizacionFormulario.merma}" class="print" style="float: right" >
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>   
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblGastAdmin" value="GASTOS ADMINISTRATIVOS: " class="negrita print" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText  id="txtGastAdmin" value="#{BKCotizacion.cotizacionFormulario.gastosAdministrativos}" class="print" style="float: right">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>  
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblGastAduanero" value="GASTOS ADUANEROS: " class="negrita print"  />
                                            </p:column>
                                            <p:column>
                                                <p:column>
                                                    <h:outputText  id="txtGastAduanero" value="#{BKCotizacion.cotizacionFormulario.gastosAduaneros}" class="print" style="float: right">
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                    </h:outputText>  
                                                </p:column>
                                            </p:column>
                                        </p:row>

                                    </p:panelGrid>


                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="3">

                                    <p:panelGrid style="float: right;margin-right: 10px;width: 260px"> 
                                        <p:row>
                                            <p:column style="width: 260px;border-top: 1px solid #000000">
                                                <h:outputLabel id="lblPrecioCompra" value="COSTO: " class="negrita print" />
                                            </p:column>
                                            <p:column style="width: 60px;border-top: 1px solid #000000">
                                                <h:outputText  id="txtPrecioCompra" class="print"
                                                               value="#{BKCotizacion.cotizacionFormulario.subTotal}" style="float: right">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>   
                                            </p:column>
                                        </p:row>

                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblUtilidad" value="UTILIDAD (#{BKCotizacion.cotizacionFormulario.procentajeUtilidad}%): " 
                                                               class="negrita print" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText  id="txtUtilidad" class="print"
                                                               value="#{BKCotizacion.cotizacionFormulario.utilidad}" style="float: right">
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>   
                                            </p:column>
                                        </p:row>

                                    </p:panelGrid>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="3">

                                    <p:panelGrid style="float: right;margin-right: 10px;width: 260px"> 
                                        <p:row>
                                            <p:column style="width: 200px;border-top: 1px solid #000000">
                                                <h:outputLabel id="lblPrecioVenta" value="PRECIO VENTA: " style="font-size: 15px" class="negrita" />
                                            </p:column>
                                            <p:column style="width: 60px;border-top: 1px solid #000000">
                                                <h:outputText class="negrita"  id="txtPrecioVenta" style="float: right;font-size: 15px"
                                                              value="#{BKCotizacion.cotizacionFormulario.precioVenta}" >
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" groupingUsed="false"  />
                                                </h:outputText>   
                                            </p:column>
                                        </p:row>


                                    </p:panelGrid>
                                </p:column>
                            </p:row>

                        </p:panelGrid>


                        <p:panelGrid style="width:15%;margin: 10px auto;">

                            <p:row >
                                <p:column>
                                    <p:commandButton action="#{MBCotizacion.cancelar()}" ajax="false" immediate="true" value="Volver"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                        <p:printer target="verCotizacion"  />    
                                    </p:commandButton >
                                </p:column>
                            </p:row>	

                        </p:panelGrid>
                    </p:panel>	

                </h:form>

            </f:view>
        </ui:define>

    </ui:composition>
</html>